<template>
  <div id="home_container">
    <!-- 搜索框 -->
    <div id="search_warp">
      <search></search>
      <!-- 展示地图 -->
      <div id="map_warp">
        <map-container></map-container>
      </div>
    </div>
  </div>
</template>

<script>

import mapContainer from '../components/mapContainer.vue'
import Search from '../components/search.vue'
  export default {
  components: { mapContainer, Search },
    
  }
</script>

<style lang="scss" scoped>
#home_container{
  display: flex;
  width: 300px;
  height: 300px;
  

}
#map_warp{
 width: 300px;
 height: 300px;
}
</style>